<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>便民买卖</title>
    <link href="libs/weui/weuix.min.css" rel="stylesheet" />
    <link href="libs/swipe/swiper.min.css" rel="stylesheet" />
    <link href="css/common.css" rel="stylesheet"/>
    <link href="css/service.css" rel="stylesheet" />
    <title>便民买卖</title>
</head>
<body class="page-bg">
    <div class="weui_tab tab-bottom">
    <div class="weui_btn_warn weui-header ">
        <div class="weui-header-left"> <a href="javascript:window.history.go(-1);" class="icon icon-109 f-white"></a>  </div>
        <h1 class="weui-header-title">便民买卖</h1>
        <div class="weui-header-right">
           <a class="f-white">搜索</a>
        </div>
    </div>
    <div class="weui_tab_bd">
        <div class="sortbox">
            <div class="weui_grids grids-small">
                <a href="javascript:;" class="grid">
                    <p class="weui_grid_label">
                        全类别<i class="icon icon-74"></i>
                    </p>
                </a>
                <a href="javascript:;" class="grid">
                    <p class="weui_grid_label">
                        来源<i class="icon icon-74"></i>
                    </p>
                </a>
                <a href="javascript:;" class="grid">
                    <p class="weui_grid_label">
                        最新
                    </p>
                </a>
                <a href="javascript:;" class="grid">
                    <p class="weui_grid_label">
                        价格<i class="icon icon-200"></i>
                    </p>
                </a>
            </div>
        </div>
        <div class="shop-list">
            <div class="shop-item">
                <div class="shop-head"><div class="title">农牧商品-商家</div><span class="fr">￥58</span> </div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="#"><img src="temp/imgs/a02.jpg" /></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="#"><img src="temp/imgs/a03.jpg" /></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="#"><img src="temp/imgs/a03.jpg" /></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="#"><img src="temp/imgs/a05.jpg" /></a>
                        </div>
                    </div>
                </div>
                <div class="des-info">
                    内蒙古正宗手撕 零食特产清真小吃 蒙都风干牛肉干香辣五香。
                </div>
                <div class="fav-message">
                    <a href="#">收藏<em>33</em></a><a href="#">留言<em>55</em></a>
                </div>
            </div>
            <div class="shop-item">
                <div class="shop-head"><div class="title">农牧商品-商家</div><span class="fr">￥58</span> </div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="#"><img src="temp/imgs/a02.jpg" /></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="#"><img src="temp/imgs/a03.jpg" /></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="#"><img src="temp/imgs/a03.jpg" /></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="#"><img src="temp/imgs/a05.jpg" /></a>
                        </div>
                    </div>
                </div>
                <div class="des-info">
                    内蒙古正宗手撕 零食特产清真小吃 蒙都风干牛肉干香辣五香。
                </div>
                <div class="fav-message">
                    <a href="#">收藏<em>33</em></a><a href="#">留言<em>55</em></a>
                </div>
            </div>
        </div>
    </div>
    <div class="weui_tabbar">
        <a href="javascript:;" class="weui_tabbar_item">
            <div class="weui_tabbar_icon">
                <img src="imgs/home-icon.png" alt="首页">
            </div>
            <p class="weui_tabbar_label">首页</p>
        </a>
        <a href="javascript:;" class="weui_tabbar_item weui_bar_item_on">
            <div class="weui_tabbar_icon">
                <img src="imgs/trade-icon.png" alt="买卖">
            </div>
            <p class="weui_tabbar_label">买卖</p>
        </a>
        <a href="javascript:;" class="weui_tabbar_item">
            <div class="weui_tabbar_icon">
                <img src="imgs/news-icon.png" alt="资讯">
            </div>
            <p class="weui_tabbar_label">资讯</p>
        </a>
        <a href="javascript:;" class="weui_tabbar_item">
            <div class="weui_tabbar_icon">
                <img src="imgs/service-icon.png" alt="服务">
            </div>
            <p class="weui_tabbar_label">服务</p>
        </a>
        <a href="javascript:;" class="weui_tabbar_item">
            <div class="weui_tabbar_icon">
                <img src="imgs/my-icon.png" alt="我的">
            </div>
            <p class="weui_tabbar_label">我的</p>
        </a>
    </div>
</div>
</body>

<script type="text/javascript" src="libs/zepto/zepto.min.js"></script>
<script type="text/javascript" src="libs/swipe/swiper.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="components/home.js" ></script>

</html>